<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      >

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmcon_CXP')}" />
    </f:metadata>
    <body>
        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">
                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="950"/>
                    <ui:param name="toolBarTitleWidth" value="850"/>
                    <ui:param name="title" value="Consulta Cuentas por Pagar"/>
                </ui:include>
                <div align="left">
                    <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                    <h:form id="Step1" style="width: inherit">
                        <p:panel style="width: 950px" header="1. Informaci&oacute;n de Compras Cuenta por Pagar" >
                            <p:panel style="width: inherit" header="Datos de Compra" toggleable="false" >
                                <f:facet name="header">
                                    <h:outputText value="Datos de Proveedor"/> &nbsp;
                                    <p:commandButton image="ui-icon ui-icon-search" onclick="dBP.show()" title="Buscar Proveedor"/>

                                    <p:spacer width="50" height="10"/><h:outputText value="Fecha Inicio:"/>
                                    <p:calendar size="12" value="#{consultaCXPManaged.selectedEncaCXP.fecha_i}" pattern="dd.MM.yyyy" effect= "fadeIn"  />

                                    <p:spacer width="50" height="10"/><h:outputText value="Fecha Fin:"/>
                                    <p:calendar size="12" value="#{consultaCXPManaged.selectedEncaCXP.fecha_f}" pattern="dd.MM.yyyy" effect="fadeIn" style="width: 250px"/>

                                </f:facet>
                                <h:panelGrid columns="4" id="pProveedor">
                                    <h:outputText value="Proveedor"/><p:inputText value="#{consultaCXPManaged.selectedProveedor.empresa_p}" readonly="true" style="width: 400px"/>
                                    <h:outputText value="NIT"/><p:inputText value="#{consultaCXPManaged.selectedProveedor.nit_p}" readonly="true" style="width: 150px"/>
                                    <h:outputText value="Giro"/><p:inputText value="#{consultaCXPManaged.selectedProveedor.giro_p}" readonly="true" style="width: 400px"/>
                                    <h:outputText value="Percepci&oacute;n"/><p:inputText value="#{consultaCXPManaged.selectedProveedor.percepcion_p}" readonly="true" style="width: 150px"/>
                                </h:panelGrid>
                            </p:panel>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="proBotones" columns="3" cellpadding="5">
                                    <p:commandButton value="#{sms.buscar}" actionListener="#{consultaCXPManaged.buscarGrid}" update="Step1:Table mensaje"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Step1 Step2 mensaje quick_proveedor"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdReporte.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="Table" value="#{consultaCXPManaged.encaCXP}" var="row" rows="2"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{consultaCXPManaged.selectedDetaCXP}"
                                         emptyMessage="#{sms.TableEmptyMessage}" rowSelectListener="#{consultaCXPManaged.llenar_tableDeta}"
                                         update="Step1:pRowExpansion mensaje" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Compras"/>
                                </f:facet>
                                <p:column style="width:16px">
                                    <p:rowToggler />
                                </p:column>

                                <p:column headerText="Proveedor" footerText="Totales" sortBy="#{row.empresa_p}" filterBy="#{row.empresa_p}" filterMatchMode="contains" style="width: 300px">
                                    <h:outputText value="#{row.empresa_p}" style="width: 200px" />
                                </p:column>
                                <p:column headerText="T. Compra" sortBy="#{row.total_compra}" style="width: 50px; text-align: right" >
                                    <h:outputText value="#{row.total_compra}" style="width: 50px">
                                        <f:convertNumber type="currency" currencySymbol="$"/>
                                    </h:outputText>
                                    <f:facet name="footer">
                                        <h:outputText value="#{consultaCXPManaged.selectedEncaCXP_Totales.total_compra}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <p:column headerText="T. Abono" sortBy="#{row.total_abono_compra}" style="width: 50px; text-align: right" >
                                    <h:outputText value="#{row.total_abono_compra}" style="width: 50px">
                                        <f:convertNumber type="currency" currencySymbol="$"/>
                                    </h:outputText>
                                    <f:facet name="footer">
                                        <h:outputText value="#{consultaCXPManaged.selectedEncaCXP_Totales.total_abono_compra}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <p:column headerText="T. Nota Crédito" sortBy="#{row.total_dc}" style="width: 50px; text-align: right" >
                                    <h:outputText value="#{row.total_dc}" style="width: 50px">
                                        <f:convertNumber type="currency" currencySymbol="$"/>
                                    </h:outputText>
                                    <f:facet name="footer">
                                        <h:outputText value="#{consultaCXPManaged.selectedEncaCXP_Totales.total_dc}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <p:column headerText="T. Pendiente" sortBy="#{row.total_pendiente}" style="width: 50px; text-align: right" >
                                    <h:outputText value="#{row.total_pendiente}" style="width: 50px">
                                        <f:convertNumber type="currency" currencySymbol="$"/>
                                    </h:outputText>
                                    <f:facet name="footer">
                                        <h:outputText value="#{consultaCXPManaged.selectedEncaCXP_Totales.total_pendiente}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>

                                <p:rowExpansion id="pRowExpansion">

                                    <br/>
                                    <p:dataTable id="deta_table" value="#{consultaCXPManaged.detaCXP}" var="row_deta" rows="20"
                                                 paginator="true" paginatorPosition="bottom" selectionMode="single"
                                                 emptyMessage="#{sms.TableEmptyMessage}">

                                        <p:column headerText="Fecha" sortBy="#{row_deta.fecha_c}" style="width: 85px">
                                            <h:outputText value="#{row_deta.fecha_c}">
                                                <f:convertDateTime pattern="dd-MM-yyyy"/>
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="Vencimiento" sortBy="#{row_deta.fecha_vencimiento}" style="width: 85px">
                                            <h:outputText value="#{row_deta.fecha_vencimiento}">
                                                <f:convertDateTime pattern="dd-MM-yyyy"/>
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="# Doc." sortBy="#{row_deta.factura_c}" style="width: 50px" >
                                            <h:outputText value="#{row_deta.factura_c}" />
                                        </p:column>
                                        <p:column headerText="Plazo" style="width: 25px">
                                            <h:outputText value="#{row_deta.plazo_c}" />
                                        </p:column>
                                        <p:column headerText="Faltan" style="width: 25px">
                                            <h:outputText value="#{row_deta.dias_restantes}" />
                                        </p:column>
                                        <p:column headerText="T. Compra" sortBy="#{row_deta.total_compra}" style="width: 50px; text-align: right">
                                            <h:outputText value="#{row_deta.total_compra}" style="width: 50px">
                                                <f:convertNumber type="currency" currencySymbol="$"/>
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="T. Abono" sortBy="#{row_deta.total_abono_compra}" style="width: 50px; text-align: right">
                                            <h:outputText value="#{row_deta.total_abono_compra}" style="width: 50px">
                                                <f:convertNumber type="currency" currencySymbol="$"/>
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="T. Nota Crédito" sortBy="#{row_deta.total_dc}" style="width: 50px; text-align: right">
                                            <h:outputText value="#{row_deta.total_dc}" style="width: 50px">
                                                <f:convertNumber type="currency" currencySymbol="$"/>
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="T. Pendiente" sortBy="#{row_deta.total_pendiente}" style="width: 50px; text-align: right">
                                            <h:outputText value="#{row_deta.total_pendiente}" style="width: 50px">
                                                <f:convertNumber maxFractionDigits="2" />
                                            </h:outputText>
                                        </p:column>
                                    </p:dataTable>
                                </p:rowExpansion>
                            </p:dataTable>
                        </p:panel>
                    </h:form>

                    <ui:include src="/web-pages/COMPRA/QUICK/wfrmquick_Proveedor.xhtml">
                        <ui:param name="parametroUpdate" value="Step1:pProveedor mensaje"/>
                        <ui:param name="Bean" value="#{consultaCXPManaged}"/>
                        <ui:param name="dataTableList" value="#{proveedorQuickManaged.proveedores}"/>
                    </ui:include>


                    <h:form id="dialogs">
                        <p:confirmDialog message="#{sms.iReporte}" header="#{sms.reporte}" severity="alert" widgetVar="cmdReporte">
                            <p:commandButton value="Si" oncomplete="cmdReporte.hide()" actionListener="#{consultaCXPManaged.generarReporte_CXP}" update="mensaje" />
                            <p:commandButton value="No" onclick="cmdReporte.hide()" />
                        </p:confirmDialog>
                    </h:form>

                </div>
            </ui:define>
        </ui:composition>

    </body>
</html>